.btnBG{
    background-image: url(../../assets/AiImgs/BgBottom.png);
    background-size: 100%;
}


.borderBG{
    background-image: url(~@/assets/AiImgs/borderBg.png);
    background-size: auto 36px;
    background-repeat: no-repeat;
    background-position: center;
}
.reportPage{
    .borderBottomLine{
        &::before{
            content: ' ';
            position: absolute;
            left: 0;
            bottom:3px;
            display: inline-flex;
            width: 11px;
            height: 4px;
            z-index: 0;
            border-radius: 0 100px 0px 100px;
            background-color: #FFBC0D
        }
    }
    
    .BottomLineWidth{
        &::before{
            width: 18px!important;
        }
    }
}

.img-box {
    width: 65px;
    height: 65px;
    border-radius: 3px;
    position: relative;
    background-image: url(../../assets/img/course-bg.jpg);
    background-size: cover;

    .cour-img {
        width: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}

.text-xs {
    margin-top: 5px!important;
}

.text-status {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding-top: 5px;
}
